html,body{font-size: 12px;padding:0px;margin:0px;line-height:1.1; }
.tab-content,.nav{margin: 0 5px;}
.tab-content:last-child{margin:0px;}
.tab-content>.panel {margin: 0 5px 5px 5px;}
thead td{min-width:38px;}
input[type=button]{padding:1px 2px}
textarea{width:100%;line-height: 1.1;}
#msg{text-align: center;color: #777;}
.tab-pane2{overflow-y: scroll;}
table{font-size: 12px;}
td.time{width: 6em;}
.status_t_1.status_0{display:none}
.status_t_0.status_1{display:none}
td.conf_status{width:48px;}
.panel{background-color: #FFF;}
.url_input2{width:80%;width: calc(100% - 80px)}
p{margin: 0.2em 0 0 0;clear: both;}
.addon_title{width: 7em;}
.l_title{display: inline-block;width: 6em;text-align:left;}
.l_content{float:right;display: block;width: calc(100% - 6.5em);text-align: left;}
.fieldName{color:#37b}
.danger{color:#B55}
.info{color:#37b}
.warning{color:#974}
.closeApi{color: #8a6d3b;background-color: #fcf8e3;border-color: #faebcc;}
.title{font-size:20px;line-height: 29px;display: inline-block;padding:0 20px 0 10px;}
li.floatRight{float: right;}
.nav>li>a, .nav>li>span {padding: 5px;}
.view_div{clear:both;}

.json_iframe{width:100%;height:250px;}
.fa-expand_parent > .tab-content .json_iframe {height:unset}

.panel.full_screen .json_view{height:500px;}
.panel.full_screen .char_view{height:500px;}
.panel.full_screen .iframe_preview{height:500px;max-height:none}

.full_screen>.tab-content>.json_view{height:calc(100% - 3em)}
.full_screen>.tab-content>.char_view{height:calc(100% - 3em)}
.full_screen>.tab-content>.iframe_preview{height:calc(100% - 3em);max-height:none}
.json_view{width:100%;height:200px;overflow-x:scroll;overflow:auto;background-color:#f0f8ff;border:1px solid #337ab7;margin:5px 0;}
.json_view2{width:100%;height:200px;overflow-x:scroll;overflow:auto;background-color:#f0fff8;border:1px solid #337ab7;margin:5px 0;}
.fa-expand_parent > .tab-content .json_view {height:unset}

.iframe_preview {max-height:300px;width:100%;overflow: scroll;}
.iframe_preview>table {width:100%;}
.fa-expand_parent > .tab-content .iframe_preview {max-height:unset;}

/* 提示框样式 */
.copy-success {
    position: absolute;
    background-color: #4CAF50;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 10000;
    opacity: 1;
    transition: opacity 2s ease-in-out;
}
/* 淡出效果 */
.copy-success.fade-out {
    opacity: 0;
}
/* 错误提示框样式 */
.copy-error {
    position: absolute;
    background-color: #f44336; /* 红色背景 */
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 10000;
    opacity: 1;
    transition: opacity 2s ease-in-out;
}

/* 淡出效果 */
.copy-error.fade-out {
    opacity: 0;
}
